const gulp = require('gulp')


const cssmin = require('gulp-cssmin')

const uglify = require('gulp-uglify')

const htmlmin = require('gulp-htmlmin')

gulp.task('cssHandler', function () {
    return gulp  //没有return也能执行，也能创建出dist文件，但是会报错，意思就是无法跟随到任务的结束。所有要加上return
        .src('./src/css/*.css')  // 使用 src 方法找到我们要压缩的文件
        .pipe(cssmin())          // 使用管道函数执行一个压缩的行为
        .pipe(gulp.dest('./dist/css'))  // 把压缩好的文件放在 dist 文件夹下的 css 文件夹
})

gulp.task('js', function () {
    return gulp
        .src('./src/js/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('./dist/js'))
})

gulp.task('html', function () {
    return gulp
        .src('./src/html/*.html')  // 找到文件
        .pipe(htmlmin({ // 使用 htmlmin 进行压缩
            removeComments: true,
            removeEmptyAttributes: true,
            collapseWhitespace: true,
            collapseBooleanAttributes: true,
            minifyCSS: true,
            minifyJS: true
    	}))
        .pipe(gulp.dest('./dist/html')) // 放到指定目录里面
})